// pages/index/map.js
import { myMap } from '../../libs/amap-config'


Page({

  /**
   * 页面的初始数据
   */
  data: {
    longitude: wx.getStorageSync('longitude'),
    latitude: wx.getStorageSync('latitude')
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      keyword: options.keyWord
    })
    // 设置导航名称
    wx.setNavigationBarTitle({
      title: '周边' + this.data.keyword
    })
    this.getRound()

  },

  getRound: function () {
    var that = this
    console.log(that.data.keyword);
    
    myMap.getPoiAround({
      location: wx.getStorageSync('longitude') + ',' + wx.getStorageSync('latitude'),
      querykeywords: that.data.keyword,
      success: function (data) {
        console.log(data);
        if (data && data.markers) {
          let markersData = data.markers
          that.setData({
            markersData
          })
          // 调展示第一个图标的函数
          that.showMark(markersData, 0)
          // 调展示第一个图标的信息
          that.showInfo(markersData, 0)
        }
      }
    })
  },

  // 导航到目的地
  gotoDestination: function (e) {

    wx.navigateTo({
      url: '/pages/roadmap/walk?location=' + e.currentTarget.dataset.location,
    })
  },

  // 改变当前的markers
  changeMarker: function (e) {
    let markerId = e.detail.markerId
    this.showMark(this.data.markersData, markerId),
    this.showInfo(this.data.markersData, markerId)
  },

  // 图标展示
  showMark: function (markersData, id) {
    markersData.map(item => {
      if (item.id === id) {
        return item.iconPath = '/static/images/marker_checked.png'
      } else {
        return item.iconPath = '/static/images/marker.png'
      }
    })

    this.setData({
      markers: markersData
    })

  },
  // 信息展示
  showInfo: function (markersData, id) {
    markersData.map(item => {
      if (item.id === id) {
        this.setData({
          point: {
            name: item.name,
            address: item.address,
            location: item.longitude + ',' + item.latitude
          }
        })
      }
    })  
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})